<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ url_for('static', path='./styles.css') }}">
    <link rel="icon" type="image/png" href="/favicon.ico" sizes="32x32">
    <title>Аккаунты</title>
</head>
<body>
    {% include 'header.html' %}

    <main>
        <section class="filters">
            <h2>Фильтры поиска</h2>
            <form id="filterForm">
                <div>
                    <label for="firstName">Имя</label>
                    <input type="text" id="firstName" name="firstName">
                </div>
                <div>
                    <label for="lastName">Фамилия</label>
                    <input type="text" id="lastName" name="lastName">
                </div>
                <div>
                    <label for="email">Почта</label>
                    <input type="email" id="email" name="email">
                </div>
                <div>
                    <label for="size">Лимит</label>
                    <input type="number" id="size" name="size" placeholder="10">
                </div>
                <div>
                    <label for="form">Пропустить</label>
                    <input type="number" id="form" name="form" placeholder="0">
                </div>
                <button type="button" onclick="searchAccounts()">Поиск</button>
            </form>
        </section>

        <section class="accounts-table">
            <h2>Список аккаунтов</h2>
            <table id="accountsTable">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Имя</th>
                        <th>Фамилия</th>
                        <th>Почта</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Данные аккаунтов будут загружены здесь -->
                </tbody>
            </table>
        </section>

        <div id="message" class="message"></div>
    </main>

    <script src="{{ url_for('static', path='./accounts.js') }}"></script>
</body>
</html>